@charset 'utf-8';
/* 链接 */
a {
    color: #fff;
    text-decoration: none;
}
.mb36 { margin-bottom: 36px }
/* 字体颜色 */
.black { color: #333 }

/* 字体粗细 */
.fwB { font-weight: bold }
.fwN { font-weight: normal }

/* 字体大小 */
.fs14 { font-size: 14px }
.fs16 { font-size: 16px }
.fs18 { font-size: 18px }
.fs24 { font-size: 24px }
.fs36 { font-size: 36px }

/* 文字对齐方式 */
.tc { text-align: center }
.tl { text-align: left }
.tr { text-align: right }

/* 段落 */
.ti2em { text-indent: 2em }
.ti1em { text-indent: 1em }

/* 定位 */
.pr { position: relative }
.pa { position: absolute }
.pf { position: fixed }

/* 清除浮动 */
.clearfix::before,
.clearfix::after {
    content: '';
    display: table
}
.clearfix::after { clear: both }
.clearfix{ *zoom: 1; }

/* 浮动 */
.fl {
    float: left;
    _display: inline;
}
.fr {
    float: right;
    _display: inline;
}

/* 布局 */
.w1180 {
    margin: 0 auto;
    width: 1180px;
}
@media only screen and (max-width: 767px) {
    .w1180 { width: 100% }
}

/* 主体 */
body {
    background: url(http://img1.ultimavip.cn/bg.jpg) repeat;
    font: 16px/1.75 \5FAE\8F6F\96C5\9ED1, 'Lantinghei SC', 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}
#Main { padding-top: 80px }
/* 导航 */
.navBar {
    margin-left: 35px;
    margin-right: -10px;
    padding-top: 15px
}
.nav > li {
    float: left;
    margin-left: 50px;
}
.nav > li > a {
    display: inline-block;
    padding: 10px;
    color: #bfbfbf;
    font-size: 16px;
    line-height: 1;
}

.nav > li.active a,
.nav > li > a:hover {
    border-bottom: 1px solid #fff;
    color: #fff;
}
@media only screen and (max-width: 767px) {
    .navBar {
        margin-left: 0;
        display: none;
        float: none;
    }
    .nav > li {
        float: none;
        margin-left: 10px
    }
    .nav > li > a { display: block }
    .nav > li.active a,
    .nav > li > a:hover {
        border: none;
    }
}

.navbar-toggle {
    display: none;
    position: relative;
    float: right;
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 4px
}
.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}
@media only screen and (max-width: 767px) {
    .navbar-toggle {
        display: block;
    }
}

/* 头部 */
.site-name { display: none }
#Header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgba(0,0,0,.8);
}
#Header .w1180 {
    padding: 8px 0;
}
@media only screen and (max-width: 767px) {
    .logo {
        height: 34px;
        padding-left: 15px;
        overflow: hidden;
        float: none
    }
    .logo img{
        height: 34px;
        width: 34px;
    }
    .site-name {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        text-align: center;
    }
}
/* 主体 */
.service {
    padding: 113px 0 115px;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .service {
        padding: 40px 0 ;
    }
    .service img {
        width: 75%;
    }
}
/* 轮播 */
.swiper-container { width: 100% }
.swiper-pagination-bullet{
    height: 8px;
    width: 8px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 500px;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-slide img { width: 100% }
.swiper-container-horizontal>.swiper-pagination { bottom: 2% }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 20px;
}
@media only screen and (max-width: 767px) {
    .swiper-pagination-bullet{
        height: 5px;
        width: 5px;
        background: transparent;
        border: 1px solid #fff;
        border-radius: 500px;
        opacity: 1;
    }
    .swiper-pagination-bullet-active {
        background: #fff;
    }
    .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
        margin: 0 10px;
    }
}

/* 联系方式 */
.contact { padding: 116px 0 120px }
.contact .fl { width: 33.33% }
.contact .content {
    padding-left: 56px;
    color: #3c3c3c;
}
.contact .content h3 {
    margin-bottom: 25px;
    font-weight: normal;
    font-size: 18px;
}
.contact .wechat p {
    margin-bottom: 25px
}
.codeWrapper { margin-top: -5px }
@media only screen and (max-width: 767px) {
    .contact { padding: 30px 0 }
    .contact .fl {
        float: none;
        margin: 0 auto 20px;
        width: 80%
    }
    .contact .content {
        padding-left: 0;
        color: #3c3c3c;
    }
    .contact .content h3 {
        margin-bottom: 0;
        font-weight: normal;
        font-size: 18px;
    }
    .contact .wechat p {
        margin-bottom: 25px
    }
    .codeWrapper { margin-top: -5px }
}
/* 侧栏 */
.sidebar {
    margin-left: -100%;
    width: 280px;
}

.sidebar a {
    display: block;
    height: 60px;
    margin-bottom: 1px;
    background-color: #eee;
    color: #2b2e31;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
}
.sidebar a:hover,
.sidebar .active a {
    background-color: #2b2e31;
    color: #fff;
}

/* 底部 */
#Footer {
    padding: 74px 0 59px;
    background: #2b2e31;
}
.bottomNav {
    margin-bottom: 80px;
    text-align: center;
}
.bottomNav a { margin: 0 30px }
.copyright {
    color: #758092;
    text-align: center;
}
.copyright p { margin-bottom: 15px }
.copyright a { color: #758092 }
a[title="站长统计"] { display:  none }
@media only screen and (max-width: 767px) {
    #Footer {
        padding: 20px 0 60px;
        font-size: 14px;
    }
    .bottomNav {
        display: none;
        margin-bottom: 20px
    }
    .bottomNav a {
        margin-bottom: 10px;
        display: block;
    }
    .copyright img {
        height: auto;
        width: 65%;
    }
    .copyright p { margin-bottom: 0 }
    .copyright .fs14 {
        padding: 0 10px;
        font-size: 12px
    }
}
/* 蒙层 */
.overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .8);
}
.modal {
    position: fixed;
    left: 50%;
    top: 100px;
    z-index: 1000
}
.modal_close {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 34px;
    width: 34px;
    background: url(http://img1.ultimavip.cn/icon_close.png) no-repeat;
    cursor: pointer;
}
.modal .content {
    margin-left: -250px;
    height: 300px;
    width: 500px;
    background: #fff;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .modal {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 90%;
    }
    .modal .content {
        height: auto
    }
}
